<template>
    <div class="box">
        <div class="successful">
            <img src="/image64.png" alt="">
            <div>注册成功!</div>
            <button @click="gotologin">立即登录</button>
            <div class="footer">金优陪</div>
        </div>
    </div>
</template>
<script>
export default{
    methods:{
        gotologin(){
            this.$router.push('login')
        }
    }
}
</script>
<style scoped>
.box{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 440px;
    height: 852px;
    background-color: gray;
}
.successful{
   position: relative;
    border-radius: 10px;
    width: 335px;
    height: 457px;
    background-color: #fff;
}
.successful img{
    margin-top: 50px;
    margin-left: 80px;
    width: 179px;
    height: 170px;
}
.successful div{
    margin-left: 130px;
    font-size: 20px;
   
}
.successful button{
    background-image: linear-gradient(to right,rgb(0,186,173),rgb(42,130,228));
    border: none;
    width:200px;
    height: 50px;
    margin-top: 20px;
    margin-left: 70px;
    border-radius: 20px;
    font-size: 20px;
    color: white;
}
.footer{
position: absolute;
bottom: 10px;
color:#A6A6A6 ;
}
</style>